﻿*						{margin:0px;	padding:0px;}
body					{background-color:	#efefef;}
ul						{list-style:none;padding: 0;}
ul,li						{margin:0;padding:0}
a						{text-decoration:none;}
a:visited				{color:green}
div						{display:block}
ul li a					{font:bold 13px Arial,sensif;}
li span					{display:block;text-align:center;}
#container_lg a {color:#0066FF}
#firstLine				{background-color:#000;width:100%;}

#menu-right {float:right;color: grey;margin: -24px 10px;}
#menu-right a {color:#ffffff}
#menu-right li {float: left;margin-right: 10px;}
/*#top-bar				{height: 40px;margin:auto;width: 1000px;}*/
#top-bar a				{color:#FFFFFF;font:16px Arial,sensif;}
#top-bar a:hover			{text-decoration:underline}
#top-bar-right			{float:right;text-align: center;margin-top:12px}
#top-bar li 				{float: left;font:16px Arial,sensif;padding-left: 5px;color:#ffffff}

#container				{width:100%;height:auto;	margin:auto;}
#header					{width:100%;height:80px;float:left;background:#000000;}
#menu-top				{background-color:#333333;width:100%;	height:30px;	margin-top:30px;float:left;border:1px;}
#search {padding:10px;float:right;color:#FF6600;display:block}

#warp-menu	{margin-left:10px}
.dropmenu a	{color:#FFFFFF}
li.li-lv1	{float:left;position:relative}
li.li-lv1:hover	{background:#000}
li.li-lv2	{background:#000000}
.dropmenu	li.li-lv1	{color:#FFFFFF;padding: 5px 10px 5px 10px;text-align:center;}
.dropmenu ul li a	{display: block;padding: 9px 10px 4px 10px;text-align:center;}

.dropmenu ul li a:hover	{background-color:	red;border-radius:5px;transition-property:color;transition-duration: 0.5s;}
.wrap-li-lv2	{margin-top:6px}

ul.ul-lv1	{display:none;position:absolute;width:150px}
li.li-lv1:hover ul.ul-lv1	{display:block;left:0px}

#center					{width:100%;min-height:534px;float:left;margin-top:3px;background-color:#FFFFFF;border:1px solid #dfdfdf;}
#center2				{width:100%;height:auto;float:left;margin: 10px 0px 0px 20px}
#center2 h1		{font-size: 25px;line-height: 32px;color: #434343;}

#ct_img		{width:342px;height:342px;float:left;border: 1px solid #CCC;}
.img_small_wrap {margin:auto;background:red;width:200px;	height:200px;}
.img_small   {width:200px;	height:200px;float:left;border: 1px solid #CCC;margin:auto}

#table						{width:100%;height:488px;margin:auto;float:left;background-color:#FFFFFF;margin-left:4px}
#table li					{border: 1px solid #CCC;text-align:center;	box-shadow: 1px 1px 1px #888888;margin:2px;float:left;}
#table li:hover				{color:#0099FF;	border: 1px solid #0099FF;	box-shadow: 3px 3px 3px #888888;image-height:500px;}
.sp		{width:150px;	height:200px;}
.sp .price	{color:red}
#table img	{width:144px;	height:130px;}

#table-head 	{width:100%;height:30px;background-color:#FFFFFF;margin-top:10px;padding:2px;text-align:center}
#topSp 	{width:200px;height:30px;background-color:red;border-top-right-radius:10px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
#topSp span	{font:bold 17px Arial,sensif;color:#FFFFFF}
#topSp-boder-bottom {width:786px;height:0px;background-color:#FFFFFF;border-bottom:3px solid #000000}



/*box left*/
#left-box-name	{width:200px; height:auto;float:left;background-color:red;margin-top:10px;margin-left:5px;font:bold 17px Arial,sensif;color:#FFFFFF}
#left-box	{width:200px;height:180px;background-color:cyan}

/*#lineX 			{background:url(../images/lineX.png) repeat-x top;width:100%;height:8px;float:left}
#footer						{width:100%;height:auto;background-color:#000000;float:left;text-align:center;margin-top:3px;display:block}
#footer-container			{}
#footer span				{background-color:#000000;display:block;color:#FFFFFF}
*/

#cart {background:red}
#cart img	{width:30px;height:28px}

#hor-zebra
{
	border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
#hor-zebra th
{	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color:red;
	border:1px solid #000000;
	text-align:center;
	background-color: #EFEFEF;
}
#hor-zebra td
{
	padding: 8px;
	border:1px solid #000000;
}
#hor-zebra .odd
{
	background: red; 
}

#table-standard {margin:auto;height:auto;width:auto;border:1px solid #dfdfdf}
#table-user			{width:98%;min-height:488px;float:right;background-color:#FFFFFF;margin-right:8px;}
#table-user-table		{margin:8px auto}
#table-admin	{min-width:280px;height:auto;margin:auto;padding:4px;border:1px double #000000;text-align:center}

#table-user-table .btn_submit	{width:120px;height:30px;margin:15px 10px 1px 1px;}
#table-user-table .btn_submit:hover	{background-color:#FF9900;color:#FFFFFF}
.btn_submit {width:120px;height:30px;margin:15px 10px 1px 1px;}

#menucha	{background:#000000;border:1px solid green}
#menucha td	{color:#FFFFFF}
#menucon	{background:#333333;border:1px solid green}
#menucon td	{color:#FFFFFF}
.select_info {border:1px solid #aaa;padding:4px;width:80px;border-radius:5px;font-size:14px}

/**/
.ajax-content	{text-align:center;}
.img_small_icon {margin:auto;background:red;width:30px;	height:30px;}
.warning	{color:red;}
/*Button,input...*/
.input_text_w150_h30		{border: 1px solid #CCC;width:150px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w200_h30		{border: 1px solid #CCC;width:200px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w300_h30		{border: 1px solid #CCC;width:300px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w312_h30		{border: 1px solid #CCC;width:312px;height:30px;font-family: Tahoma;font-size: 18px;}
.error {color:red}

.btn_submit {background-color: blue;color:#fff;border:1px solid #aaa;padding:6px 4px;width:100px;border-radius:5px;font-size:14px;box-shadow: 0 1px 0 #fff;}
.btn_submit:hover {background:blue;color:#ffffff;border:1px solid #005C00}
/**/
/*table*/
#table-admin tbody #head {background:#000;color:#fff}
/**/
/*Login*/

#header_lg .div1 {
	height: 56px;
	padding: 0px 30px;
	background: url('../images/Image-login/header.png') repeat-x;
	min-width: 900px;
}
#header_lg .div2 {
	color: #FFFFFF;
	padding: 18px 0px 0px 0px;
	float: left;
}
#header_lg .div2 span {
	font-weight: bold;
}

#container_lg {
	height: 100%;
}
body > #container_lg {
	height: auto;
	min-height: 100%;
}
#content_lg {
	background: #FFFFFF url('../images/Image-login/background.png') 0px 1px repeat-x;
	padding: 10px 30px 0px 30px;
	min-width: 900px;
	padding-bottom: 128px;
}
#footer_lg {
	background: #FFFFFF url('../images/Image-login/footer.png') repeat-x;
	height: 90px;
	padding-top: 38px;
	text-align: center;
	font-size: 15px;
	color: #333;
	position: relative;
	margin-top: -128px;
	clear: both;
}
#footer_lg a {
	color: #333;
	text-decoration: underline;
}

.box_lg {
	margin-bottom: 15px;
}
.box_lg > .heading_lg {
	height: 38px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #DBDBDB;
	background: url('../images/Image-login/box.png') repeat-x;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}
.box_lg > .heading_lg h1 {
	margin: 0px;
	padding: 11px 0px 0px 0px;
	color: #003A88;
	font-size: 16px;
	float: left;
}
.box_lg > .heading_lg h1 img {
	float: left;
	margin-top: -1px;
	margin-left: 3px;
	margin-right: 8px;
}
.box_lg > .content_lg {
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	min-height: 300px;
	overflow: auto;
}
/**/

.txt_w300_h25{width: 300px;height: 25px;}
.btn_w80_h29 {height: 29px;width: 80px;cursor: pointer;}